<!DOCTYPE html>
<html class="x-admin-sm">

	<head>
		<meta charset="UTF-8">
		<title>美国航母动态信息查询系统</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport"
			content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<link rel="stylesheet" href="lib/layui/css/layui.css" />
		<script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>
		<script type="text/javascript" src="./js/jquery.min.js"></script>
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
            <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
            <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<body>
		<div class="layui-fluid">
			<div class="layui-row">
				<form class="layui-form">
					<div class="layui-form-item">
						<label for="username" class="layui-form-label">
							<span class="x-red">*</span>经度
						</label>
						<div class="layui-input-inline">
							<input type="text" id="longitude" name="longitude" required="" lay-verify="required"
								autocomplete="off" class="layui-input">
						</div>

					</div>
					<div class="layui-form-item">
						<label for="phone" class="layui-form-label">
							<span class="x-red">*</span>纬度
						</label>
						<div class="layui-input-inline">
							<input type="text" id="latitude" name="latitude" required=""
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label for="phone" class="layui-form-label">
							<span class="x-red">*</span>地点
						</label>
						<div class="layui-input-inline">
							<input type="text" id="site" name="site" required=""
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label for="phone" class="layui-form-label">
							<span class="x-red">*</span>所属国家
						</label>
						<div class="layui-input-inline">
							<input type="text" id="subordinate" name="subordinate" required=""
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label for="phone" class="layui-form-label">
							<span class="x-red">*</span>战略等级
						</label>
						<div class="layui-input-inline">
							<input type="number" id="strategic_hierarchy" name="strategic_hierarchy" required=""
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<label for="L_repass" class="layui-form-label">
						</label>
						<button id="addButton" class="layui-btn" lay-filter="add" lay-submit="">
							增加
						</button>
					</div>
				</form>
			</div>
		</div>
		<!-- 监听增加 -->
		<script>
			$(document).ready(function() {
				$('#addButton').click(function(event) {
					var longitude = $('#longitude').val();
					var latitude = $('#latitude').val();
					var site = $('#site').val();
					var subordinate = $('#subordinate').val();
					var strategicHierarchy = $('#strategic_hierarchy').val();
					// console.log(longitude + latitude + site + subordinate +
					// 	strategic_hierarchy);
					// 执行增加功能  
					if (longitude == "" || latitude == "" || site == "" ||
						subordinate == "" || strategicHierarchy == ""
					) {
						// 如果存在非空的输入框，执行这里的代码  
						layer.msg("输入框值不能为空", {
							icon: 2
						});
					} else {
						layer.msg("添加中", {
							icon: 1
						});
						// 如果不存在非空的输入框，执行这里的代码  
						$.get("/regionalEventTwo/insert?longitude=" + longitude+"&latitude="+latitude+"&site="+site+"&subordinate="+subordinate+"&strategicHierarchy="+strategicHierarchy,
							function(result) {
								if (result.state==200) {
									layer.msg("添加成功", {
										icon: 1
									});
								} else {
									layer.msg( "添加失败", {
										icon: 2
									});
									return false
								}
							})
					}

					// 阻止表单提交事件  
					event.preventDefault();
				});
			});
		</script>
		<script>
			layui.use(['laydate', 'form'], function() {
				var laydate = layui.laydate;
				var form = layui.form;


				// 监听全选
				form.on('checkbox(checkall)', function(data) {

					if (data.elem.checked) {
						$('tbody input').prop('checked', true);
					} else {
						$('tbody input').prop('checked', false);
					}
					form.render('checkbox');
				});

				//执行一个laydate实例
				laydate.render({
					elem: '#time' //指定元素
				});

				//执行一个laydate实例
				laydate.render({
					elem: '#end' //指定元素
				});


			});
		</script>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
			})();
		</script>
	</body>

</html>
